<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
  <title></title>
  <link rel="stylesheet" href="./css/base.css" />
  <link rel="stylesheet" href="./css/style.css" />
  <script src="./js/flexible2.0.js"></script>
  <script src="./js/vue/vue-2.6.1.min.js"></script>
  <script src="./js/vue/axios.min.js"></script>
  <link rel="stylesheet" href="./js/nutui/nutui.css">
  <script src="./js/nutui/nutui.js"></script>
  <script src="./js/Swiper/js/swiper.min.js"></script>
  <link rel="stylesheet" href="./js/Swiper/css/swiper.min.css">
</head>

<body>
  <div class="page-prodetail" id="app">
    <div class="relative pro-imgs-swipe">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="images/demo/2.png" /></div>
        <div class="swiper-slide"><img src="images/demo/2.png" /></div>
        <div class="swiper-slide"><img src="images/demo/2.png" /></div>
        <div class="swiper-slide"><img src="images/demo/2.png" /></div>
        <div class="swiper-slide"><img src="images/demo/2.png" /></div>
        <div class="swiper-slide"><img src="images/demo/2.png" /></div>
        <div class="swiper-slide"><img src="images/demo/2.png" /></div>
      </div>
      <div class="swiper-pagination"></div>
    </div>

    <div class="sec-mod1 flex flex-row justify-between items-center">
      <div class="f50">50<span class="f24">积分</span></div>
      <div class="f28">已兑350件</div>
    </div>
    <h1 class="f30 color-165044 px-30 py-30 pro-name">极米Z7X极米投影仪Z7X极米投影仪Z7X</h1>

    <div class="detail-cap"></div>
    <div class="detail-con">
      <p>ppppppppp</p>
      <p>ppppppppp</p>
      <p>ppppppppp</p>
      <p>ppppppppp</p>
      <p>ppppppppp</p>
      <p>ppppppppp</p>
      <p>ppppppppp</p>
      <p>ppppppppp</p>
      <p>ppppppppp</p>
      <p>ppppppppp</p>
    </div>
    <div class="sec-footer">
      <a href="#">积分不足</a>
    </div>
  </div>
  <script>
    let vm = new Vue({
      el: "#app",
      data: {
      },
      mounted() {
        var mySwiper = new Swiper('.pro-imgs-swipe', {
          pagination: '.swiper-pagination',
          
        })
      }
    })
  </script>
</body>

</html>